@import "../../../../styles/default.scss";
.mine-item-wrapper{
  padding: size(8) pxToRem(12);
  position: relative;
  .mine-item-chart{
    position: absolute;
    width: calc(100% - 24px);
    height: calc(100% - 16px);
    opacity: 0.2;
  }
  .mine-item-box{
    display: flex;
    border: solid 1px $theme-quotation-card-border;
    background: $theme-quotation-card-color;
    padding: size(8) pxToRem(12);

    border-radius: size(2);
    align-items: center;
    .mine-item-f1{
      text-align: center;
      .mine-item-name{
        font-size: size(16);
        text-align: center;
        color: $text-ph-color;
        font-weight: 800;
        margin: 0;
      }
      .mine-item-code{
        font-size: size(8);
        color: $text-light;
        margin: 0;
      }
      .mine-price-box{
        display: flex;
        align-items: center;
        font-size: size(14);

        .mine-price-buy{

        }
        .mine-price-sell{
          padding-left: pxToRem(8);
        }
      }
    }
    .mine-item-f2{
      flex: 1;
    }
    .mine-item-f3 {
      .price-current{
        font-size: size(24);
        font-weight: 800;
      }
      .price-info-box{
        display: flex;
        align-items: center;
        color: $text-light;
      }
    }
  }
}

.price-up {
  color: $color-up;
}
.price-down {
  color: $color-down;
}
